@import url("https://at.alicdn.com/t/font_3219264_tjss0jd0e9.css");
@import url("https://at.alicdn.com/t/font_2780879_ldxzbizo2p.css");
// 主颜色
@theme-color: #FF8200;
// 深色主题内背景
@drak-theme-bg-color: #16161A;
// 深色主题外背景
@drak-theme-wbg-color: #0C0C0C;
// 深色主题字体颜色
@drak-theme-font-color: #dad8d8;
// 深色主题较浅颜色主题色
@drak-theme-light-bg-color: #25252C;
// 浅色主题外背景
@light-theme-wbg-color: #F5F5F5;
// 浅色主题内背景
@light-theme-bg-color: #fff;
// 浅色主题字体颜色
@light-theme-font-color: #333;
// 浅色主题内背景
@light-theme-darkFont-color: #000;
// 浅色主题内按钮颜色
@light-theme-inputbg-color: #F0F1F4;
//遮罩层颜色
@shade-box-color: rgba(138, 130, 130, 0.1);
@color_e5e5e5: #e5e5e5;

@color_d3d3d3: #d3d3d3;

*,
a {
    padding: 0;
    margin: 0;
    font-size: 14px;
}

a {
    font-size: 12px;
    color: inherit;
    text-decoration: none;
}

a:hover {
    color: @theme-color;

}

.dark {
    background-color: @drak-theme-bg-color  !important;
    color: @drak-theme-font-color  !important;
    border-color: #202025 !important;
}

.darkLight {
    background-color: @drak-theme-light-bg-color  !important;
    color: @drak-theme-font-color  !important;
    border-color: #202025 !important;
}

.darkBorder {
    border-color: #202025 !important;
}

.lightBorder {
    border-color: #F9F9F9 !important;
}

.light {
    background-color: @light-theme-bg-color  !important;
    color: @light-theme-font-color  !important;
    border-color: #F9F9F9 !important;
}


.lightDark {
    background-color: @light-theme-inputbg-color  !important;
    color: @light-theme-darkFont-color  !important;
    border-color: #F9F9F9 !important;

}

//次级界面整个外层容器
.lightW {
    background-color: @light-theme-wbg-color  !important;
    color: @light-theme-darkFont-color  !important;
    min-height: 100vh;
    margin-top: 60px;
    border-color: #F9F9F9 !important;
}

//次级界面整个外层容器
.darkW {
    background-color: @drak-theme-wbg-color  !important;
    color: @drak-theme-font-color  !important;
    min-height: 100vh;
    margin-top: 60px;
    border-color: #202025 !important;
}


//次级界面整个外层容器
.lightN {
    background-color: @light-theme-wbg-color  !important;
    color: @light-theme-darkFont-color  !important;
    border-color: #F9F9F9 !important;
}

//次级界面整个外层容器
.darkN {
    background-color: @drak-theme-wbg-color  !important;
    color: @drak-theme-font-color  !important;
    border-color: #202025 !important;
}


//登录按钮样式浅色
.light_btn_login {
    color: @light-theme-inputbg-color  !important;
}

//注册按钮样式浅色
.light_btn_res {
    background-color: @light-theme-bg-color  !important;
    color: #939393 !important;
}

//主题切换按钮浅色
.light_b_w {
    background-color: @light-theme-inputbg-color  !important;
    color: @light-theme-darkFont-color  !important;
    font-weight: 900 !important;
}

//浅色主题表单
.light_input {
    background-color: #F0F1F4 !important;
    border: 1px solid @theme-color ;
    color: @light-theme-darkFont-color  !important;

}

//深色主题表单
.dark_input {
    background-color: @drak-theme-light-bg-color  !important;
    border: 1px solid @theme-color ;
    color: @drak-theme-font-color  !important;
}

.el-message {
    height: 50px !important;
    padding-left: 50px;
}

ul,
li {
    padding: 0;
    margin: 0;
}

// 定位元素Y轴距中
.positionCenterY() {
    top: 50%;
    transform: translateY(-50%);
}


// 定位元素Y轴距中
.positionCenterX() {
    left: 50%;
    transform: translateX(-50%);
}

.el-loading-spinner .path {
    color: @theme-color  !important;
    stroke: @theme-color  !important;
}